import "../../style/mapSign.less";
import React, { Component } from "react";
import { withRouter } from "react-router-dom";
import { observer } from "mobx-react";
import Map from './Map';
import SignInfo from './SignInfo';
import { Tools } from 'weaver-mobile';

const getLabel = Tools.getLabel;

@withRouter
@observer
export default class OutsideSign extends Component {
  constructor(props){
      super(props);
      this.state = {
          outside: false
      }
  }

  componentDidMount(){
    document.title = getLabel('513098','考勤打卡');
  }

  render() {
    if (this.props.location.state == null) return <div />;
    return (
      <div className="mapSign">
        <Map {...this.props.location.state} />
        <SignInfo {...this.props.location.state} history={this.props.history}/>
      </div>
    )
  }
}
